<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns:wicket="http://wicket.apache.org" lang="en">
<wicket:head>
<style>

	#mainNav li{
		float:left;
		width:50px;
		color:#FFFFFF;
		height:30px;
		width:80px;
		text-align:center;
	}
	
	#mainNav li a{
		color:#FFFFFF;
	}
	.navbar{
		height:30px;
		background-color:#E43C3F;
	}
	
	.active-nav{
		background-color:#A40000;
	}
</style>
<script>
	$(function(){
		$($("#mainNav").find("li")).hover(function(){
			$(this).addClass("active-nav");
		},function(){
			$(this).removeClass();
		});
	});
</script>
</wicket:head>
<wicket:panel>
		<div class="navbar">
			<ul id="mainNav" style="list-style:none;">
				<li wicket:id="wk_list"><a wicket:id="wk_link"><span wicket:id="wk_label"></span></a></li>
			</ul>
		</div>
</wicket:panel>
</html>